<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>运行实例</title>
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
	<style>
		.dataTable .row-details {
			margin-top: 3px;
			display: inline-block;
			cursor: pointer;
			width: 14px;
			height: 14px;
		}
		.dataTable .row-details.row-details-open {
			/*background: url(/deng/images/icons/datatable-row-openclose.png) no-repeat 0 -23px !important;*/
		}
		.dataTable .row-details.row-details-close {
			/*background: url(/deng/images/icons/datatable-row-openclose.png) no-repeat 0 0;*/
		}
		 .modal-lg {
			 max-width: 85%;
			 width: 85%;
			 max-width: none;
		 }
	</style>
</head>
<body>
<div class="m-content">
	<div class="m-portlet">
		<div class="m-portlet__head">
			<div class="m-portlet__head-caption">
				<div class="m-portlet__head-title">
					<h3 class="m-portlet__head-text">
						<span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
					</h3>
				</div>
			</div>
		</div>
		<!--begin::Form-->
		<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchForm" onsubmit="search('datatables');return false;">
			<div class="m-portlet__body">
				<div class="form-group m-form__group row">
					<label class="col-form-label">名称:</label>
					<div class="col-lg-2">
						<input type="text" class="form-control" name="lc_deployment_his_name" placeholder="请输入">
						<input type="hidden" name="lc_process_id" id= "lc_process_id">
					</div>
					<a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
						<span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
					</a>
					<a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
						<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
					</a>
				</div>
			</div>
			<div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
				<div class="m-form__actions m-form__actions--solid">
					<div class="row">
						<div class="col m--align-left">

						</div>
						<div class="col m--align-right">
							<!--<a class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;label-danger m-btn&#45;&#45;bolder m-btn&#45;&#45;uppercase" href="javascript:delLcDeploymentHis()">
								<span><i class="fa fa-times"></i><span>删除</span></span>
							</a>-->
							<!--<a class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" href="javascript:search('datatables')">
								<span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷新</span></span>
							</a>-->
						</div>
					</div>
				</div>
			</div>
		</form>
		<!--end::Form-->
	</div>
	<table id="datatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%;">
		<thead>
		<tr>
			<th>序号</th>
			<th></th>
			<th>部署单号</th>
			<th>名称</th>
			<th>部署时间</th>
			<th>版本</th>
			<th>租户编号</th>
			<th>状态</th>
			<th>标识</th>
			<th>产品线</th>
			<th>产品组</th>
			<th>操作</th>
		</tr>
		</thead>
	</table>
</div>

<!-- 审批记录模态框（Modal）开始 -->
<div class="modal fade" id="lcHisLogModal" tabindex="-1" role="dialog" aria-labelledby="lcHisLogModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="lcHisLogModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="lcHisLogModalLabel">
                    审批记录
                </h4>
				<button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="panel-body" id="lcHisLogPanelBody" style="overflow:auto;">
                    <div class="panel panel-default">
                        <form method="POST" id="searchFormApproval">
                            <input type="hidden" class="form-control" id="instanceId" name="instanceId">
                        </form>
                    </div>
                    <div class="panel-body">
                        <table id="approvalDatatables" class="table table-bordered table-striped table-hover">
                            <thead>
                            <tr>
                                <th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallApproval" /><span></span></label></th>
                                <th>序号</th>
                                <th>批审状态</th>
                                <th>审批内容</th>
                                <th>审批时间</th>
                                <th>批审人</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
           <!-- <div class="modal-footer">
                <button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关 闭</button>
            </div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 审批记录模态框（Modal）结束 -->

<!-- 部署详情模态框（Modal）开始 -->
<div class="modal fade" id="lcDeploymentDetailModal" tabindex="-1" role="dialog" aria-labelledby="lcDeploymentDetailModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="lcDeploymentDetailModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="lcDeploymentDetailModalLabel">
					部署详情<label style="font-size: 20px" id="lc_deployment_his_status"></label>
				</h4>
				<button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<div class="panel-body" id="lcDeploymentDetailPanelBody">
					<form class="form-horizontal" id="defaultForm" method="post" style='height:350px;overflow: auto;'>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">部署编号</label>
							<div class="col-lg-6">
								<input class="form-control" type="text" id="lc_deployment_his_id" >
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">名称</label>
							<div class="col-lg-6">
								<input class="form-control" type="text" maxlength="50"  id="lc_deployment_his_name">
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">部署时间</label>
							<div class="col-lg-6">
								<input class="form-control" type="text" id="lc_deployment_his_time" >
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">租户</label>
							<div class="col-lg-6">
								<input class="form-control" type="text" id="lc_deployment_his_tenantId" >
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">流程定义id</label>
							<div class="col-lg-6">
								<input class="form-control" type="text" id="uid" >
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">流程定义键</label>
							<div class="col-lg-6">
								<input class="form-control" type="text" id="uk" >
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">产品线</label>
							<div class="col-lg-6">
								<input class="form-control" type="text" id="name" >
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">产品组</label>
							<div class="col-lg-6">
								<input class="form-control" type="text" id="groupName" >
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">标识</label>
							<div class="col-lg-6">
								<input class="form-control" type="text" id="lc_process_flag" >
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">宽度</label>
							<div class="col-md-2">
								<input class="form-control" type="text"  id="w">
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label class="col-lg-2 col-form-label">高度</label>
							<div class="col-md-2">
								<input class="form-control" type="text"  id="h">
							</div>
						</div>
					</form>
				</div>
			</div>
			<!--<div class="modal-footer">
				<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关闭</button>
			</div>-->
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 部署详情模态框（Modal）结束 -->

<!-- 流程图监控模态框（Modal）开始 -->
<div class="modal fade" id="lcImageModal" tabindex="-1" role="dialog" aria-labelledby="lcImageModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="lcImageModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="lcImageModalLabel">
					实例监控图
				</h4>
				<button type="button" class="close" data-dismiss="modal" onclick="closeLcImageWin()" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<div class="panel-body" id="lcImagePanelBody" style="overflow:auto;">
					<iframe id="lcImageIframe" scrolling="auto" frameborder="0"  width="100%" height="100%"></iframe>
				</div>
			</div>
			<!--<div class="modal-footer">
				<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal" >关闭</button>
			</div>-->
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 流程图监控模态框（Modal）结束 -->




<!-- 活动模态框（Modal）开始 -->
<div class="modal fade" id="lcActivitiModal" tabindex="-1" role="dialog" aria-labelledby="lcActivitiModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="lcActivitiModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="lcActivitiModalLabel">
					历史节点
				</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<div class="panel-body" id="lcActivitiPanelBody">
					<form class="form-horizontal" id="searchFormLcActiviti" method="post" style='display:none;'>
						<div class="form-group m-form__group row">
							<div class="col-lg-6">
								<input class="form-control" type="text" name="instanceId" id="instanceId_" >
							</div>
						</div>
					</form>
				</div>
				<table id="lcActivitiDatatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%;">
					<thead>
					<tr>
						<th>序号</th>
						<th>名称</th>
						<th>开始时间</th>
						<th>结束时间</th>
						<th>耗时</th>
						<th>发起人</th>
						<th>节点类型</th>
					</tr>
					</thead>
				</table>
			</div>
			<!--<div class="modal-footer">
				<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关闭</button>
			</div>-->
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 活动详情模态框（Modal）结束 -->
<!-- 跳转任务模态框（Modal）开始 -->
<div class="modal fade" id="lcTaskJumpModal" tabindex="-1" role="dialog" aria-labelledby="lcTaskJumpModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="lcTaskJumpModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="lcTaskJumpModalLabel">
					节点选择器
				</h4>
			</div>
			<div class="modal-body">
				<div class="panel-body" id="lcTaskJumpPanelBody" style="overflow:auto;">
					<div class="panel panel-default">
						<form method="POST" id="lcTaskJumpForm" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed">
							<input type="hidden" class="form-control" id="processInstanceId" name="processInstanceId">
							<input type="hidden" class="form-control" id="pdataId">
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">节点</label>
								<div class="col-lg-6">
									<select class="form-control" id="activityId" name="activityId" ></select>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" onclick="excuteCurrentTaskJumpCmd()">确 定</button>
				<button type="button" class="btn btn-light-success font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" data-dismiss="modal">关 闭</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 跳转任务模态框（Modal）结束 -->

<!-- 流程图Bas64模态框（Modal）开始 -->
<div class="modal fade" id="lcProcessInstanceBase64Modal" tabindex="-1" role="dialog" aria-labelledby="lcProcessInstanceBase64ModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="lcProcessInstanceBase64ModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="lcProcessInstanceBase64ModalLabel">
					流程图
				</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<div class="panel-body" id="lcProcessInstanceBase64PanelBody">
					<form class="form-horizontal" id="defaultImageForm" method="post" style='height:350px;overflow: auto;'>
						<div class="form-group m-form__group row">
							<img src="" id="imagePath">
						</div>
					</form>
				</div>
			</div>
			<!--<div class="modal-footer">
				<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关闭</button>
			</div>-->
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 流程图Bas64模态框（Modal）结束 -->
</body>

<script type="text/javascript" src="/deng/include/include.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-process-instance/lc-process-instance-list.js"></script>
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/css/fixedHeader.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/css/fixedColumns.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/css/scroller.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/css/colReorder.dataTables.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/js/dataTables.fixedHeader.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/js/dataTables.fixedColumns.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/js/scroller.dataTables.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/js/colReorder.dataTables.min.js"></script>
</html>